<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script>
            /* 
            注意：二叉树遍历所有路径和直接回溯的dfs不一样。因为他们的终止条件不一样。
            二叉树是没有子节点的时候，直接返回路径，但也因此，需要先path.push
            而回溯法一般是通过判断path.length是否满足，所有可以后path.push
            
            */
            let tree = {
                val: 1,
                left: {
                    val: 2,
                    left: {
                        val: 4,
                    },
                    right: {
                        val: 5,
                    },
                },
                right: {
                    val: 3,
                    left: {
                        val: 6,
                    },
                    right: {
                        val: 7,
                    },
                },
            }
            var binaryTreePaths = function (root) {
                let res = []
                function dfs(root, path) {
                    if (!root) return
                    path.push(root.val)
                    if (!root.left && !root.right) {
                        return res.push([...path])
                    }
                    //注意，这里必须判断root.left是否存在才能dfs。因为如果root.left不存在的话，dfs遍历不存在的直接retunr
                    //然后pop出来，那么上一层就会少一个
                    if (root.left) {
                        dfs(root.left, path)
                        path.pop()
                    }
                    if (root.right) {
                        dfs(root.right, path)
                        path.pop()
                    }
                }
                dfs(root, [])
                return res
            }
            binaryTreePaths(tree)
        </script>
    </body>
</html>
